<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>富宏堂中医馆</title>
<link href="css/main.css" rel="stylesheet" />
<link href="css/style.css"  rel="stylesheet" />
<link href="bootstrap/dist/css/bootstrap.css"  rel="stylesheet" />
<script src="js/jquery-1.8.3.min.js"  type="text/javascript"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" ></script>
<script type="text/javascript" src="bootstrap/dist/js/bootstrap.js"></script>
<style type="text/css">
a{
    text-decoration : none
}
h1{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h2{
	font-weight: bold;
	font-size: 18px;
}
</style>
</head>
<body style="background-color: #EBEBEB">
<!--头部-->
<header>
	<div class="beijing">
        <h2><a href="index.html" ><em style="width:120px;"><font color="#CC0000">富宏堂中医馆</font></em></a></h2>
        <ul>
            <li>
                <a class="menu_1 "  href="index.html" >首页</a>
            </li>
            <li>
                <a class="menu_1 " href="hospital.html">分馆介绍<em></em></a>
            </li>
            <li>
                <a class="menu_1 " href="doctor.html">预约挂号<em></em></a>
            </li>
            <li>
                <a class="menu_1 hover" href="cooper.html" >人才招聘<em></em></a>
            </li>
            <li>
                <a class="menu_1 " href="person.html" >个人中心<em></em></a>
            </li>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
        </ul>
        <div class="clear"></div>       
    </div>
	<div class="clear"></div>
</header>

<div class="main_banner" style="background-image: url(./img/b55.png);background-size:100% 100%;
    height: 168px;width: 100%;overflow: hidden;margin-bottom: 8px;background-position: center;margin-top: 80px;">
</div>
<!--主体-->
<div class="beijing1">
	<ul class="case">
	</ul>
</div>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            url:"/job/search",
            type:"POST",
            dataType: "json",
            success: function (result) {
                console.log(result);
                for(var i=0;i<result.rows.length;i++){
                    var title=result.rows[i].jobname;
                    var id=result.rows[i].id;
                    var hospitalname=result.rows[i].hospitalname;
                    var html=`<li>
                    <div class="case_1">
                        <h1 style="font-size: 25px;"><a style="text-decoration : none" href="cooperdetail.html?id=${id}">${title}</a></h1>
                        <span style="font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;">医馆：${hospitalname}</span>
                    </div>
                    <div><button onclick="location='cooperdetail.html?id=${id}'" type="button" class="btn btn-primary">查看详情</button></div></li>`;
                    $(".case").append(html);
                }
            }
        });
    })
</script>
<script type="text/javascript" src="js/xmsz_common.js" ></script>
